<!--酒店详情-->
{% extends 'indexLayout.html' %}
{% load static %}
{% block title %}
    <title>囍管家——酒店详情</title>
{% endblock %}
{% block css %}
    <link rel="stylesheet" href="{% static 'css/indexRes.css' %}">
{% endblock %}
{% block content %}
    <!--外层容器-->
    <div class="box">
        <!-- 图片表格 -->
        {% if company_img_index %}
            <table class="my-border">
                {% for hotel_row in company_img_index %}
                    <tr>
                        {% for obj in hotel_row %}
                            <td>
                                <a href="{% static obj.ppt.url %}" target="_blank">
                                    <img class="td-img" src="{% static obj.img_index.url %}" alt="酒店">
                                </a>
                                <p style="font-size:20px; margin-top: 10px; font-weight:bold;"><span
                                        class="color">{{ obj.name_hotel }}</span></p>
                                <a href="{% static obj.ppt.url %}" target="_blank">详情链接</a>
                                <button class="btn btn-danger" data-page-name={{ hotel_id }}
                                        data-page-id="{{ obj.hotelId }}">删除
                                </button>
                            </td>
                        {% endfor %}
                    </tr>
                {% endfor %}
            </table>
        {% else %}
            <h4 style="text-align: center"><i class="fa fa-calendar-plus-o"></i> 资源空空如也，快去添加吧</h4>
        {% endif %}

    </div>
{% endblock %}
{#Coding you Js#}
{% block js %}
    <!--<script src="{% static 'js/index.js' %}"></script>-->
    <script src="{% static 'js/indexRes.js' %}" type="text/javascript"></script>
{% endblock %}